﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);
});

$(document).ready(function() {
     $('.editable').editable('http://www.example.com/save.php');
	 cssclass : 'edittext'
 });


	</script>
</head>
<body>
<div id="all">
   <!--------------Remove header-------------->
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  
  
  <!--------------Remove header-------------->
  
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <div class="w6"></div>
   <!--------------Remove header-------------->
  <div id="goodjob">
   	<div class="left"></div>
    <div class="center">
    	<p class="top">Chúc mừng bạn đã hoàn thành mục tiêu : học Guitar</p>
        <div class="middle bogoc">
        	<span class="number">1</span>
            <p class="text">Mục tiêu này có giúp ích nhiều cho bạn không? <input type="radio" value="checked"/><label>Có</label> <input type="radio" /><label>Không</label></p>
        </div>
        <div class="w12"></div>
        <div class="middle bogoc">
        	<span class="number">2</span>
            <p class="text">Bạn có sẵn sàng chia sẻ quá trình thực hiện mục tiêu này không</p>
        </div>
        <div class="bottom">
        	<a>HÃY VIẾT BÀI CHIA SẺ THÀNH CÔNG CỦA BẠN!</a>
        </div>
    </div>
    <div class="right"></div>
  </div>
  <div id="infomation">
    <div id="left">
      <div class="w6"></div>
      <div class="edittitle">
      		<div class="icon"></div><span style="color:#666;font-size:15px">Chia sẻ quá trình thực hiện mục tiêu này</span>
      </div>
      <div class="clearthis"></div>
        <div class="hidi_box">
           <div class="hidi_top"><div></div></div>
              <div class="hidiContent">
                 <div class="hidiTime">
                 	<span class="hidiIcon time"></span>
                    <label>Mục tiêu này được thực hiện trong thời gian bao lâu?</label>
                    <input type="text" class="hidiInput"/>
                    <select style="height:25px;font-size:14px;">
                    	<option>Ngày</option>
                    </select>
                 </div>
                 
                 <div class="hidiQuote">
                 	<span class="hidiIcon quote"></span>
                    <label>Dùng một câu để tóm lược quá trình thực hiện mục tiêu của bạn:</label>
                    <div class="clearthis"></div>
                    <textarea cols="5" rows="4"></textarea>
                 </div>                
              </div>              
           <div class="hidi_bottom"><div></div></div>
        </div>
       <div class="hidiEditor">
            <span class="hidiIcon editor"></span>
            <label>Bạn đã thực hiện mục tiêu này như thế nào?</label>
            <div class="hidiEdtiorTool">insert Editor</div>
   	  </div>
      <div class="hidiEditor">
            <span class="hidiIcon editor"></span>
            <label>Bài học mà bạn có thể chia sẻ cho những người đang thực hiện mục tiêu này?</label>
            <div class="hidiEdtiorTool">insert Editor</div>
   	  </div>
      <div class="hidiEditor">
            <span class="hidiIcon editor"></span>
            <label>Nguồn tài nguyên hỗ trợ thực hiện mục tiêu này?</label>
            <div class="hidiEdtiorTool">insert Editor</div>
   	  </div>
      <p>Insert Uploader</p>       
      <a href="#" class="hidiFinishBut"></a>    
      <div class="w6"></div>
      <div id="goalstip">
        <div class="h1">Igoal là cộng đồng chia sẻ mục tiêu tại Việt Nam</div>
        <div class="h2">Đây là các mục tiêu nổi bật mà các iGers mong muốn</div>
      </div>
      <div class="goalstip"><a style="font-size:14px;">lấy IELTS 7.0</a><a style="font-size:18px;">học nấu ăn</a><a style="font-size:12px;">trị mụn trứng cá</a><a style="font-size:20px;">có người yêu</a><a style="font-size:12px;">năng động hơn nữa</a><a>cắt tóc ngắn</a><a style="font-size:14px;">sử dụng thời gian một cách hiệu quả </a><a style="font-size:12px;">tốt nghiệp đại học</a><a style="font-size:16px;">giỏi tiếng anh</a><a style="font-size:18px;">viết một quyển sách</a><a style="font-size:14px;">có người yêu</a><a style="font-size:16px;">cứng rắn hơn và tự tin hơn</a><a style="font-size:18px;">có thể là chính mình</a></div>
    </div>
    <div id="right">
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
